.el-avatar {
  padding: 15px;
  background-color: #12263f;
  z-index: 1;
}

.fty-avatar {

  background-color: $mainColor;
  z-index: 1;
  color: $mainColor;
  overflow: hidden;

  &.fty-avatar-x1 {
    width: 50px;
    height: 50px;
    border-radius: 25px;
  }

  &.fty-avatar-x2 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
  }

  &.fty-avatar-x3 {
    width: 150px;
    height: 150px;
    border-radius: 75px;
  }

  &.fty-avatar-x4 {
    width: 200px;
    height: 200px;
    border-radius: 100px;
  }
}
